<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:outputStylesheet library="css" name="styles.css" />

    <h:head>
        <title>#{title}</title>
    </h:head>

    <h:body>
        <div id="header">
            <h:graphicImage id="shop"
               alt="shop"
               url="http://upload.wikimedia.org/wikipedia/commons/thumb/8/8e/Shop.svg/109px-Shop.svg.png">
            </h:graphicImage>
        </div>
        
        
        <div id="contents">
            <h1>#{h1}</h1>
            
            <ui:insert name="form"/>
            
        </div>
                
        <div id="footer">
            <h:form>
            <h:commandButton value="Update footer">
                <f:ajax event="click" render="time"></f:ajax>
            </h:commandButton>
            <p>
                <h:outputText id="time" value="#{dateTimeSupportBean.getCurrentDateTime()}"></h:outputText>
            </p>
            </h:form>
            
        </div>
    </h:body>
</html>

